//- Copyright (c) 2016 Lucky Byte, Inc.
extends layout

append scripts
  script(src="/js/userinfo.js")

block content
  form.ui.form.attached.segment.main(
    action="/userinfo" method="post" autocomplete="off")
    input(type="hidden" name="shortcuts" value="#{record.shortcuts || ''}")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 登录信息
    .fields
      .field.four.wide.required
        label.ui 登录名:
        .ui.input
          input(type="text" name="loginname" placeholder="必填"
            value="#{record.loginname || ''}")
      .field.four.wide.required
        label 登录密码: 
          a.linkto#old_password(href="#") 使用原密码
        .ui.input.password
          input(type="password" name="password" placeholder="必填")
      .field.four.wide.required
        label 登录密码确认: 
        .ui.input.password
          input(type="password" name="password2" placeholder="必填")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 个人资料
    .fields
      .field.two.wide.required
        label 姓 名:
        .ui.input
          input(type="text" name="realname" placeholder="必填"
            value="#{record.realname || ''}")
      .field.two.wide.required
        label 性 别:
        select.ui.dropdown.input(name="gender")
          option(value="true") 男
          option(value="false") 女
      .field.four.wide.required
        label 出生日期:
        .ui.calendar.date#birthday(
          data-maxdate="#{today()}")
          .ui.input.left.icon
            i.calendar.icon
            if record.birthday
              input(type="text" name="birthday"
                value="#{record.birthday.format('YYYY-MM-DD')}")
            else
              input(type="text" name="birthday" value="1990-01-01")

      .field.four.wide.required
        label 手机号码:
        .ui.input
          input(type="text" name="mobile" value="#{record.mobile || ''}")
      .field.four.wide.required
        label 电子邮箱:
        .ui.input
          input(type="text" name="email" value="#{record.email || ''}")
    .fields
      .field.four.wide.required
        label 所属部门:
        .ui.dropdown.input.selection
          input(type="hidden" name="dept" value="#{record.dept || ''}")
          i.icon.dropdown
          .default.text 请选择
          .menu
            .item(data-value="99") 未知部门
            .item(data-value="1") 行政部
            .item(data-value="2") 财务部
            .item(data-value="3") 质管部
            .item(data-value="4") 营销部
            .item(data-value="5") 营运部
            .item(data-value="6") 技术部
            .item(data-value="7") 运维部
            .item(data-value="8") 人力资源部
            .item(data-value="9") 客服部
            .item(data-value="10") 人事部
            .item(data-value="11") 公关部
            .item(data-value="12") 企划部
      .field.twelve.wide
        label 联系地址:
        .ui.input
          input(type="text" name="address" value = "#{record.address || ''}")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 快捷菜单

    for i in [1, 3, 5]
      .fields
        for j in [0, 1]
          .field.five.wide
            label 快捷菜单 #{i + j}:
            select.ui.dropdown.input.shortcut(name="shortcut#{i + j}")
              option(value="")
              option(value=" ")
              each menu in sysmenu
                each item in menu.items
                  option(value="#{item.href}") #{menu.header} — #{item.title}
          .field.three.wide
            label 标 题:
            .ui.input
              input.shortcut(type="text" name="shortcut#{i + j}_title"
                placeholder="个性化标题")

    .ui.buttons(style="margin-top:40px;")
      button.ui.button.yellow#cancel(type="button"
        onclick="window.location = '/'") 取 消
      .or
      button.ui.button.green#save(type="submit") 确 定

append code
  script.
    $(function() {
      $('form#userinfo').form('set value', 'dept', '#{record.dept}');
    })
